<extend name="Public/base"/>
<block name="head">  

    <!-- DATA TABLES -->
<!--     <link href="__PUBLIC__/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" /> -->

    <link href="__PUBLIC__/plugins/datatables/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/plugins/datatables/extensions/TableTools/css/dataTables.tableTools.min.css" rel="stylesheet" type="text/css" />
</block>


<block name="body">
        <section class="content">

          <div class="row">
          	<div class="col-xs-12">

                <div class="box">
                <div class="box-body table-responsive">
                  <table id="group-tables" class="table table-bordered table-striped">
                      <thead>
                        <tr>
                              <th>Id</th>
                              <th>Name</th>
                              <th>Title</th>
                              <th>Sort</th>
                              <th>Status</th>
                              <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                       <volist name="sortList" id="vo" >
                          <tr data="{$vo['id']}">
                          <td>{$vo['id']}</td>

                          <td>{$vo['name']}</td>

                          <td>{$vo['title']}</td>

                          <td>{$vo['sort']}</td>

                          <td>{$vo['status']}</td>

                          <td>
                              <p data-placement="top" data-toggle="tooltip" title="Edit">
                                  <a href="__URL__/edit/id/{$vo['id']}">
                                  <button class="btn btn-primary btn-xs" data-title="Edit" ><span class="glyphicon glyphicon-pencil"></span>
                                  </button>
                                  </a>
                              </p>
                          </td>
                          </tr>
                          </volist>
                      </tbody>
        
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
        <include file="add" />
</block>
<block name="script">

    <script src="__PUBLIC__/plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>

    <script src="__PUBLIC__/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js" type="text/javascript"></script>

    <script type="text/javascript">
      $(function () {
          iniDataTable("#group-tables",'','__URL__');
          iniAjaxFormDialog('#groupAddForm','#add');
      });

    </script>

</block>